<template>
<div class="page">
	<div class="top">
		<div class="toptexts"><uni-icons type="fire-filled" size="20" color="#FFF"></uni-icons>相关档案</div>
		<div class="topitem">
		  <div class="item" @click="jumpurl" data-url="/pages/instock/plan">
			<image src="@/static/images/base/plan.png" alt=""></image>
			<div class="toptext">采购订单</div>
		  </div>
		  <div class="item" @click="jumpurl" data-url="/pages/outstock/appmaterial">
		  			<image src="@/static/images/base/appmaterial.png" alt=""></image>
		  			<div class="toptext">领料申请单</div>
		  </div>
		  <div class="item" @click="jumpurl" data-url="/pages/shelves/index">
				<image src="@/static/images/base/shelves.png" alt=""></image>
				<div class="toptext">货架&库区</div>
		  </div>
		  
		  <div class="item" @click="jumpurl" data-url="/pages/inventory/index">
				<image src="@/static/images/base/inventory.png" alt=""></image>
				<div class="toptext">物料档案</div>
		  </div>
		</div>
	</div>
</div>
</template>

<script>
// 引入uni-ui组件
import {
  uniIcons
} from "@dcloudio/uni-ui"
export default {
  data() {
    return {
    }
  },
  components: {
	uniIcons
  },
  onLoad(){
  },
  methods: {
	  jumpurl(e) {
		uni.vibrateShort()
	    var url = e.currentTarget.dataset.url
	    uni.navigateTo({
	      url: url
	    });
	  }
  }
}
</script>
<style lang="less">
page {
  width: 100%;
  height: 100%;
  background: linear-gradient(179.88deg, #DCE9FE 0%, #FFFFFF 35%);
}
</style>